<script setup lang="ts">
import { reactive } from 'vue';

import { Form, FormItem, Input, InputPassword } from 'ant-design-vue';

const register = reactive({
  username: '',
  password: '',
  code: '',
});
function onFinish(values: any) {
  console.log(values);
}
</script>
<template>
  <Form :model="register" @click="onFinish">
    <FormItem name="username">
      <Input placeholder="输入用户名" v-model="register.username" />
    </FormItem>
    <FormItem name="password">
      <InputPassword placeholder="输入密码" v-model="register.password" />
    </FormItem>
    <FormItem>
      <InputPassword placeholder="确认密码" />
    </FormItem>
    <FormItem name="code">
      <Input placeholder="验证码" v-model="register.code" />
      <!-- <img src="" alt="" /> -->
    </FormItem>
    <FormItem>
      <Button block html-type="submit" type="primary"> 提交 </Button>
    </FormItem>
  </Form>
</template>
